/* 全局 */
*{margin:0;padding:0;}
body{background:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666;text-decoration:none;word-spacing:normal;position:relative;}
fieldset,a img{border:0;}
a,a:link,a:visited{color:#438BAD;text-decoration:none;}
a:hover{color:#333;text-decoration:none;}
ul li{list-style:none;line-height:16px;}
input,select,option{vertical-align:middle;font-family:'Verdana';}
form dl{clear:both;}
form dt{line-height:20px;font-weight: bold;padding:0 10px;}
form dd{line-height:25px;margin:5px 0 15px 0;clear:both;}
form dd label{float:left;width:120px;margin:0 5px 0;}
form .input{border:1px solid #aecedd;padding:2px 5px;}
form .selectControl{padding:1px 0px;border:1px solid #aecedd;}
form .txtarea{padding:3px 5px;border:1px solid #aecedd;width:280px;height:120px;}
.frmPop label{width:90px;}
.frmPop .txtarea{width:220px;}
.fr{float:right;}
.fl{float:left;}
.fn{float:none;}
.abs{position:absolute;top:0;left:0;}
.rel{position:relative;top:0;left:0;}
.fs14{font-size: 14px;}
.b{font-weight: bold;}
.frm-bottom{margin:20px 0;padding:20px 0  10px 0;text-align:center;/*background:url(../images/frm-bottom.jpg) no-repeat top center;*/}
.errMsg-wrap{margin:0 0 10px 0;border:1px solid #ffffad;background:#ffffd6 url(../images/icon-err.jpg) no-repeat  5px 5px;line-height:25px;padding:0 0 0 25px;}
.sucMsg-wrap{margin:0 0 10px 0;border:1px solid #00a600;background:#ffffd6 url(../images/icon-ok.jpg) no-repeat  5px 5px;line-height:25px;padding:0 0 0 25px;color:green;}
.errMsg-wrap li, .sucMsg-wrap li{padding:2px 0;list-style:none;}
#user-console a, a.blueLink, .blueLink:link, .blueLink:visited{text-decoration:none;color:#85bfdb;}
#user-console a:hover, .blueLink:hover{color:#5c9ebe;text-decoration: none;}
.whiteLink:link, .whiteLink:visited{text-decoration:none;color:#fff;}
.whiteLink:hover{color:#efefef;text-decoration: none;}
.circleBtn{border:1px solid #a9d6eb;background:#4286a6;color:#fff; -webkit-border-radius: 3px;-moz-border-radius:3px;padding:2px 4px;cursor:pointer;height:auto;line-height:1.2em;}
.clear{clear:both;line-height:0;height:0px;overflow:hidden;font-size:0px;}
.pager-wrap{margin:10px 0;text-align:right;}
.list-icon-arrow li{list-style-image: url(../images/icon-arrow.gif);margin:2px 0 0 15px;padding:0 0 10px 0;}
table.tabList{width:99%;margin:5px auto;table-layout:auto;border-spacing:1px;border-collapse: collapse;border:solid 1px #deecf5;}
table.tabList th{line-height:2em;text-align:left;font-weight:bold;background: #deecf5 url(../img/bg-table-th.gif) repeat-x top;color:#63969d;padding:2px 3px;border:solid 1px #deecf5;white-space: nowrap;}
table.tabList td{padding:2px 3px;line-height:2.5em;border:1px solid #deecf5;}
table.tabList td.op{white-space:nowrap;background:#f0f0ff;width:100px;}
table.transhist{width:99%;margin:5px auto;table-layout:auto;border-spacing:1px;border-collapse: collapse;border:solid 1px #deecf5;}
table.transhist th{line-height:2em;text-align: center;font-weight:bold;color:#63969d;padding:2px 3px;border:solid 1px #deecf5;}
table.transhist td{padding:2px 3px;line-height:1.5em;border:1px solid #deecf5;}
table.transhist td.op{white-space:nowrap;background:#f0f0ff;width:100px;}
.blue-box-wrap{background:url(../images/blue-box-bg.jpg) repeat-x top;border:1px solid #D3E3ED;}
.circle-title{background:url(../images/icon-circle.jpg) no-repeat left center;font-size:12px;line-height:14px;padding:0 0 0 20px;color:#5C9EBE;margin:0 0 5px 0;}
.noline:link, .noline:visited{text-decoration:none;}
.noline:hover{text-decoration: none;}
#info-wrap{margin:0 0 15px;border-bottom:1px solid #d5d5d5;padding:5px 10px;font-size: 11px;color:#999;}
#text-content{overflow:hidden;}
/*页头页脚*/
#header-wrap,#body-wrap,#footer-wrap{width:930px; margin:0 auto; position:relative; top:0;left:0;}
#header-wrap{height:150px;position:relative; top:0; left:0;margin-bottom: 10px;}
#footer-wrap{margin:15px auto 0 auto;padding:0;color:#ccc; background:url(../images/bg-footer.jpg) no-repeat;height:60px;}
#footer-wrap div{padding:20px 0 0;text-align: center;}
#body-wrap{min-height:300px;height:auto !important;height:300px;}
#footer-wrap .footer-home{position:absolute;top:15px;left:750px;line-height:30px;}
#footer-wrap .footer-home span{float:left;width:150px;text-indent:-9999px;height:40px;}
.logout-header{background:url(../images/bg-banner-0.jpg) no-repeat center top;}
.logined-header{background:url(../images/bg-banner-1.jpg) no-repeat center top;}
#header-wrap h1{position:absolute;top:50px;line-height:40px;}
#header-wrap h1 a{float:left;width:260px;text-indent: -999px;height:50px;}
#price-top{position:absolute;top:77px;left:585px;line-height:40px;font-size:14px;color:#333;}
#lang-top{position:absolute;top:20px;left:770px;line-height:30px;font-size:12px;color:#333;}
.topPrice{font-size:1.6em;padding:0 5px 0;}
#nav-top{position:absolute;top:80px;left:356px;line-height:40px;}
#nav-top li{float:left;display:inline;padding:0 1px;}
#nav-top li a{padding:0 5px;line-height:40px;float:left;text-decoration:none;font-size:14px;color:#333;}

/*首页布局*/
#home-right-wrap{float:right;width:650px;}
#home-left-wrap{float:left;width:250px;}
#home-login{background:url(../images/home-login-top.jpg) no-repeat top;}
.home-login-inner{padding:24px 0 19px 0;background:url(../images/home-login-bottom.jpg) no-repeat bottom;}
#home-login-msg{width:180px;margin:0 auto;color:red;height:13px;line-height:14px;overflow:hidden;}
#home-login form{margin:0;height:148px;padding:0;border:1px solid #d4e2eb;border-top:0;border-bottom: 0;}
#home-login dl{padding:0px 20px ;overflow:hidden;}
#home-login dd{overflow:hidden;line-height:25px;margin:5px 0 15px 0;}
#home-login label{float:left; width:60px; text-align:right; margin:0 3px 0;color:#aecedd;}
#home-login .input{width:120px;border:1px solid #aecedd;padding:2px 5px;}
#home-recommend-outer{background: url(../images/home-recommend-top.jpg) no-repeat top;}
#home-recommend-inner{padding:16px 0 17px 0; background: url(../images/home-recommend-bottom.jpg) no-repeat bottom;}
#home-recommend-content{border:1px solid #d4e2eb;border-top:0;border-bottom: 0;}
#home-recommend-content a:link{text-decoration:none;}
.home-recommend-box{width:216px; margin:0 auto;padding:5px 0;}
.home-recommend-box a.title:link{text-decoration: none;}
.home-recommend-box span{margin:5px 0;}
.home-recommend-box div{display:block;line-height:18px;}
.home-banner{margin:0 0 25px 0;}
.bestudent-wrap{padding:0 0 0 20px;}
.beteacher-wrap{padding:0 0 0 60px;margin:25px 0 0;}
.home-student-quickstart{height:33px;padding:8px 0 0;line-height:33px;width:331px;background:url(../images/home-bestudent-quickstart.jpg) no-repeat bottom;overflow:hidden;position:relative;top:0;left:0;margin:0 0 0 65px;}
.home-student-quickstart .quick-a1{position: absolute;top:8px;left:20px;}
.home-student-quickstart .quick-a2{position: absolute;top:8px;left:178px;}
.home-bestudent-content-wrap, .home-recommend-teacher1{margin:0 0 0 40px;padding:0 0 20px 0px;border-left:1px solid #ccc;}
.home-bestudent-content-wrap{line-height:2.5em;width:500px;}
.home-bestudent-content{margin:0 0 0 20px;width:500px;}
.home-bestudent-content h2{font-size:14px;}
.home-bestudent-content div{line-height:1.8em;}
.home-recommend-teacher1, .home-recommend-teacher2{width:225px;padding:0;border:1px solid #ccc;height:97px;overflow:hidden;}
.home-recommend-teacher2{margin:0 2px 0 -1px;}
.home-recommend-teacher-item{padding:8px;}
.home-recommend-face-wap{float:left;width:56px;margin:0 8px 0 0;position: relative;top:0;left:0;}
.home-recommend-face-wap span{position:absolute;top:60px;left:0;white-space: nowrap;width:140px;}
.home-recommend-info-wrap{float:right;width:143px;height:80px;overflow:hidden;margin:8px 0 0;}
.home-earn-money{margin:0 0 0 7px;padding:8px 0 0 0;line-height:33px;height:33px;width:241px;background: url(../images/home-earn-money.jpg) no-repeat bottom;}
.home-earn-money a{margin: 0 0 0 20px;}
/*登陆前两列布局*/
#logout-left{width:700px;}
.logout-left-frm-wrap, .logout-left-wrap{margin:25px 20px 10px 20px;border:1px solid #e5e5e5;padding:25px 100px;min-height:200px;height:auto !important;height:200px;}
.logout-left-wrap{margin:25px 0;padding:10px;}
.logout-left-frm-wrap dl{}
#logout-right{width:200px;}
.logout-right-box{background:url(../images/logout-right-box-top.jpg) no-repeat top;}
.logout-right-box h2{height:43px;line-height:43px;font-size:12px;padding:0 15px;overflow:hidden;text-align: center;}
.logout-right-box-outer{background:url(../images/logout-right-box-bottom.jpg) no-repeat bottom;padding:0 0 10px 0;}
.logout-right-box-inner{padding:10px 15px 0 15px;border:1px solid #e5e5e5;border-bottom:0;}
.logout-left-list-wrap{margin:0px 25px;padding:0 5px;}
/*教师列表.. 其两列的列表*/
.list-wrap-2col{padding:0 0 25px 0;margin:20px 0;}
.dl-list-2col-wrap dd{border-bottom: 1px solid #efefef;padding:0 0 25px 0;margin:20px 0;}
.user-face-wrap{width:60px;padding:0;margin:0;}
.user-info-wrap{width:445px;padding:0;margin:0 0 0 10px;position:relative;top:0;left:0;}
.user-op-wrap{width:100px;padding:0;margin:15px 0 0;text-align:center;}
.user-face-50, .user-face-120{padding:2px;border:1px solid #efefef;float:left;height:50px;margin:0 0 5px 0;}
.user-face-120{height:120px;margin:0 0 5px 2px;}
.user-face-50 img, .user-face-120 img{display:block;}
.user-label{overflow:hidden;white-space:nowrap;}
.user-name{width:140px;}
.user-enlevel{width:160px;}
.user-intro{width:450px;border:1px solid #efefef;line-height:1.2em;padding:5px;}
/*注册*/
#regiter-title-wrap a.sel, #regiter-title-wrap a.sel:link, #regiter-title-wrap a.sel:visited{color:#ff0000;}
#chooseType-wrap{margin:0 auto; width:400px;}
#chooseType-wrap .sel{background:url(../images/chooseType-bg.jpg) no-repeat center top;}
.chooseType-wrap{width:154px;text-align:center;margin:0 10px;}
.chooseType-wrap img{display:block;height:100px;clear:both;padding:10px;margin:0 0 5px 0;}
/*登陆后三列布局*/
.col3-left-wrap{width:180px;}
.col2-right-wrap{width:730px;}
.col3-left-box{background:url(../images/col3-left-box-top.jpg) no-repeat top;}
.col3-left-box h2{height:43px;line-height:43px;font-size:12px;padding:0 15px;overflow:hidden;text-align: center;}
.col3-left-box-outer{background:url(../images/col3-left-box-bottom.jpg) no-repeat bottom;padding:0 0 10px 0;}
.col3-left-box-inner{padding:10px 8px 0 8px;border:1px solid #d3e3ed;border-bottom:0;}
.logout-left-list-wrap{margin:0px 25px;padding:0 5px;}
.col3-center-wrap{margin:0 0 0 20px;width:500px;}
.col3-right-wrap{width:200px;}
.user-console-list li, .plan-cat-list li{line-height:20px;padding:0 0 5px 0;margin:0;border-bottom:1px dashed #efefef;}
.user-console-list a{text-decoration: none;}
.user-console-list img{margin:0 5px 0 0;vertical-align:middle;}
.col3-center-box{margin:12px 20px;zoom:1;overflow:hidden;}
.user-face-box{width:130px;}
.user-detail-box{width:320px;padding:10px 0 0;}
.user-detail-box dd{line-height:22px;vertical-align: middle;margin:0 0 5px 0;}
/*导航栏+标签栏*/
.nav-title-wrap{height:40px;background:url(../images/nav-title-wrap.jpg) repeat-x;overflow:hidden;margin:0;}
.nav-title-c{font-size:13px;font-weight:bold;height:40px;line-height:40px;width:350px;padding:0 10px;background:transparent;overflow:hidden;}
.nav-title-r{width:38px;height:40px;background:url(../images/nav-title-r.jpg) no-repeat;overflow:hidden;}
.nav-title-r-info{width:76px;height:40px;line-height:40px;background:url(../images/nav-title-r-info.jpg) no-repeat;overflow:hidden;text-align:center;}
.nav-title-l-user{width:38px;height:40px;background:url(../images/nav-title-l-user.jpg) no-repeat;overflow:hidden;}
.nav-title-l-account{width:38px;height:40px;background:url(../images/nav-title-l-account.jpg) no-repeat;overflow:hidden;}
.nav-title-l-messages{width:38px;height:40px;background:url(../images/nav-title-l-message.jpg) no-repeat;overflow:hidden;}
.nav-title-l-ok{width:38px;height:40px;background:url(../images/nav-title-l-ok.jpg) no-repeat;overflow:hidden;}
.nav-title-l-info{width:38px;height:40px;background:url(../images/nav-title-l-info.jpg) no-repeat;overflow:hidden;}
.nav-title-l-msg{width:38px;height:40px;background:url(../images/nav-title-l-msg.jpg) no-repeat;overflow:hidden;}
.nav-title-l-next{width:38px;height:40px;background:url(../images/nav-title-l-next.jpg) no-repeat;overflow:hidden;}
.nav-title-l-help{width:38px;height:40px;background:url(../images/nav-title-l-help.jpg) no-repeat;overflow:hidden;}
.nav-pannel-wrap{margin:0px;height:37px;background:url(../images/nav-pannel-wrap.jpg) repeat-x;overflow:hidden;}
.nav-pannel-l{width:38px;height:37px;background:url(../images/nav-pannel-l.jpg) no-repeat;overflow:hidden;}
.nav-pannel-c{height:37px;line-height:37px;min-width:420px;padding:0px;background:transparent;overflow:hidden;color:#ccc;}
.nav-pannel-r{width:38px;height:37px;background:url(../images/nav-pannel-r.jpg) no-repeat;overflow:hidden;}
a.pannel-item, .pannel-item:link, .pannel-item:visited{float:left;margin:7px 1px 0 1px;text-decoration: none;height:25px;line-height:25px;}
a.pannel-item-sel, .pannel-item-sel:link, .pannel-item-sel:visited{background:url(../images/panel-item-bg.gif) repeat-x;font-weight:bold;}
a.pannel-item:hover {font-weight: normal;top:-1px;position: relative;}
a.pannel-item-sel:hover{background:url(../images/panel-item-bg.gif) repeat-x;font-weight:bold;top:0;}
.pannel-item span{padding:0px 5px}
.filter-wrap{padding:10px 0;border-bottom: 1px solid #efefef;margin:0 20px;}
.filter-wrap .input{width:90px;}
.filter-wrap form{}
/*列表的*/
.plan-list-detail{margin:8px 0 0;}
.plan-list-detail span{float:left;overflow:hidden;}
/*图标*/
.icon-step{padding:6px 13px;margin:0 0 0 10px;line-height:25px;height:25px;overflow:hidden;background:url(../images/icon-step.jpg) no-repeat center;}
.icon-step-sel{padding:6px 13px;line-height:25px;height:25px;overflow:hidden;background:url(../images/icon-step-sel.jpg) no-repeat center;}
span.icon{background-image:url(../imgages/icons.gif);background-repeat: no-repeat;padding:0 16px 0 0;margin:0;float:none;font-size:16px;height:16px;line-height:16px;}
span.i_null{background-position: 100px;}
span.i_skype{background-position: 0 1px;}
span.i_skypeOff{background-position: 0 -380px;}
span.i_message{background-position: 0 -18px;}
span.i_msg{background-position: 0 -40px;}
span.i_dateF{background-position: 0 -59px;}
span.i_dateL{background-position: 0 -78px;}
span.i_dateE{background-position: 0 -99px;}
span.i_profile{background-position: 0 -118px;}
span.i_logout{background-position: 0 -138px;}
span.i_log{background-position: 0 -158px;}
span.i_male{background-position: 0 -180px;}
span.i_female{background-position: 0 -200px;}
span.i_delMsg{background-position: 0 -218px;}
span.i_newMsg{background-position: 0 -238px;}
span.i_oldMsg, span.i_readed{background-position: 0 -259px;}
span.i_date{background-position: 0 -280px;}
span.i_dateD{background-position: 0 -320px;}
span.i_dateO{background-position: 0 -340px;}
span.i_arrow_top{background-position: 0 -441px;}

.clearfix:after {content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;zoom:1;}
/* End hide from IE-mac */

/*old file*/
.useryuer{ width:480px; margin:0 auto;border-top: 1px dotted #ccc; padding:20px 0 ;}
.useryuer h2{font-size:14px;}
.useryuer h3{font-size:12px;margin:20px 0 4px 0;}
.useryuer_l{ float:left; width:230px;}
.useryuer_r{ float:left; width:240px;}
.useryuer_text{ width:200px; height:30px; line-height:30px;}
.useryuer-title{font-size:1.4em;font-weight:bold;}
.useryuer_menu{ width:240px; height:30px; line-height:30px; margin:10px auto; }
.useryuer_box{margin:5px 0;}
/*for debug box*/
#exlDebug{position:absolute;top:50px;right:10px;width:200px;border:1px solid #ccc;z-index:100;}
#exlDebug .dragHander{border:1px solid #ccc;color:#666;}
#exlDebug dl{height:300px;overflow-y:auto;overflow-x:hidden;}
#exlDebug dd{color:red;padding:5px}


/*Message*/
.messagePage{margin:25px 0 0 0;}
.fr{float:right;}
.fl{float:left;}
.divinfo{ width:394px; margin:0 auto 0px; padding:0 0 15px 0;}
.divinfotitle{ width:394px; height:19px; margin:0 auto;}
.divinfotitle_icon{ float:left; }
.divinfotitle_left{ float:left; margin:0 0 0 15px; vertical-align:top; line-height:12px; font-weight:bold; color:#666;}
.divinfotitle_right{ float:right;}
.divinfotitle_right ul li{display:block;float:left;overflow:hidden;height:19px;margin:0 0 0 8px;}

.divpage{ width:394px; margin:15px auto; height:19px;}
.divpage ul li{display:block;float: left;overflow:hidden;height:19px;margin:0 0 0 8px;}
.divpage ul li span{ color:#666;}

.toanddate{ width:394px; height:19px; margin:10px auto 0;}
.toanddate_l{ float:left; color:#999;}
.toanddate_r{ float:right; color:#ccc; font-size:10px;}
.divinfotext{ width:394px; margin:10px auto 0; border:1px #eaeaea solid; text-align:left; padding:10px; line-height:18px;}

/*Logs*/
.LogsPage{margin:25px 0 0px 10px;}
.msgDateTime_r{float:right;color:#ccc;font-size:10px;line-height:20px;overflow:hidden;}
.msgList{min-height:300px;height:auto !important;height:300px;}
.logsdivinfo{float:left;}
.logsinfotext{ width:420px; margin:10px auto 0; border:1px #eaeaea solid; text-align:left; padding:10px; line-height:18px;}

/*Contact Us*/
.divibasicprofile{ width:544px; margin:40px 30px 0 100px; padding:0 0 15px 0; height:auto;}
#cuntactUs_l{ float:left; width:250px; margin-left:50px; height:250px;}
#cuntactUs_r{ float:left; width:250px; margin:0 0 0 30px;}
#cuntactUs_r li{ line-height:30px;}
.contactUsSkype{ color:#09c; font-weight:bold;}

/*下载页*/
#divDownload{ width:700px;}
#divDownloadWarp{margin:0 0 10px 0; padding:15px 0 0 0; border-top:1px solid #91C4D6; min-height:200px;height:auto !important;height:200px;}
#divDownloadHelp{ width:700px; line-height:45px; text-align:right; font-size:14px; font-weight:bold;}
#divDownloadIntro{ float:left; width:700px; margin:0 0 30px 0;}
#divDownloadIntroLeft{ float:left; width:18px; height:120px; background:url(../images/divDownloadIntroLeft.gif) no-repeat;}
#divDownloadIntroMiddle{ float:left; width:664px; height:100px; background:url(../images/divDownloadIntroMiddle.gif) repeat-x; padding:10px 0;}
#divDownloadIntroMiddle span{ font-weight:bold; border-bottom:1px solid #666;}
#divDownloadIntroMiddle li{ list-style-type:none; line-height:25px; font-size:11px;}
#divDownloadIntroRight{ float:right; width:18px; height:120px; background:url(../images/divDownloadIntroRight.gif) no-repeat;}

#divHelp{ line-height:30px; padding:0 15px;}
#divHelp span{ font-weight:bold; border-bottom:1px solid #333; color:#333;}
#divHelp img{ border:1px solid #e3e3e3; padding:5px; margin:20px 0;}